/*
 * Handsontable HiddenColumns
 */
.handsontable th.beforeHiddenColumn {
  position: relative;
}

.handsontable th.beforeHiddenColumn::after,
.handsontable th.afterHiddenColumn::before {
  color: #bbb;
  position: absolute;
  top: 50%;
  font-size: 5pt;
  transform: translateY(-50%);
}

.handsontable th.afterHiddenColumn {
  position: relative;
}

.handsontable th.beforeHiddenColumn::after {
  right: 1px;
  content: '\25C0'; /* left arrow */
}

[dir=rtl].handsontable th.beforeHiddenColumn::after {
  right: initial;
  left: 1px;
  content: '\25B6'; /* right arrow */
}

.handsontable th.afterHiddenColumn::before {
  left: 1px;
  content: '\25B6'; /* right arrow */
}

[dir=rtl].handsontable th.afterHiddenColumn::before {
  right: 1px;
  left: initial;
  content: '\25C0'; /* left arrow */
}
